import React from 'react'
import { Card, Button } from 'antd-mobile'
import { useNavigate } from "react-router-dom"
function MyCard({ title }) {
  const nvaigate = useNavigate()
  const clickHandel = () => {
    nvaigate("/detail")
  }
  return (
    <div>
      <Card title={title} style={{ background: "#3683d5", margin: '10px 0' }} >
        <Button onClick={clickHandel}>查看详情</Button>
      </Card>
    </div>
  )
}

export default MyCard
